<!DOCTYPE html>
<html>
<head>
    <!--数据服务管理-->
    <meta charset="utf-8">
    <title>数据服务管理</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.css">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production-plugins.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">

    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css">

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="css/open-sans.css" type="text/css">

    <!-- #APP SCREEN / ICONS -->
    <link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">
    <link href="js/plugin/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

    <link href="appcss/Common.css" rel="stylesheet" />
    <style>
        div#rMenu {
            position: absolute;
            visibility: hidden;
            top: 0;
            background-color: #4682b4;
            text-align: left;
            padding: 1px;
            z-index: 999 !important;
        }

            div#rMenu ul {
                margin: 0px !important;
                padding: 0px !important;
            }

                div#rMenu ul li {
                    margin: 1px 0;
                    padding: 0 5px;
                    font-size: 12px;
                    cursor: pointer;
                    color: white;
                    list-style: none outside none;
                }

                    div#rMenu ul li:hover {
                        background-color: white;
                        color: blue;
                    }
    </style>
</head>
<body class="desktop-detected minified">
    <div id="rMenu">
        <ul>
            <li id="m_add" onclick="addTreeNode();">增加类型</li>
            <li id="m_edit" onclick="EditTreeNode();">编辑类型</li>
            <!--   <li id="m_look" onclick="LookTreeNode();">查看类型</li>-->
            <li id="m_del" onclick="removeTreeNode();">删除类型</li>

        </ul>
    </div>
    <input type="hidden" id="NodeId" value="" />
    <!-- #MAIN PANEL -->
    <div id="main" role="main">

        <!-- RIBBON -->
        <div id="ribbon">

            <span class="ribbon-button-alignment">
                <span class="btn btn-ribbon"><i class="fa fa-home"></i></span>
            </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
                <li>数据服务管理</li>
            </ol>
            <!-- end breadcrumb -->

        </div>
        <!-- END RIBBON -->


        <!-- MAIN CONTENT -->
        <div id="content">
            <div class="row hidden">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h2 class="page-title txt-color-blueDark">
                        <i class="fa fa-table fa-fw "></i>
                        主页
               
                        <span>数据服务管理
                        </span>
                    </h2>
                </div>
            </div>

            <!-- widget grid -->
            <section id="widget-grid" class="">

                <!-- row -->
                <div class="row" style="margin-top: 8px;">
                    <article class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sortable-grid ui-sortable" style="width: 25% !important; padding-right: 6px !important;">
                        <div class="jarviswidget jarviswidget-sortable"
                            data-widget-editbutton="false">
                            <header>
                                <span class="widget-icon"><i class="fa fa-table"></i></span>

                                <h2>目录树</h2>
                            </header>
                            <!-- widget div-->
                            <div>
                                <!-- end widget edit box -->
                                <!-- widget content -->
                                <div class="widget-body">
                                    <div class="table-responsive">
                                        <ul id="DataServiceFolderTree" class="ztree">
                                            加载中...
                                        </ul>
                                    </div>

                                </div>
                                <!-- end widget content -->

                            </div>
                            <!-- end widget div -->

                        </div>
                    </article>
                    <article class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sortable-grid ui-sortable" style="width: 75% !important; padding-left: 2px !important;">
                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget jarviswidget-sortable"
                            data-widget-editbutton="false">
                            <header>
                                <span class="widget-icon"><i class="fa fa-table"></i></span>

                                <h2>服务列表</h2>

                            </header>

                            <!-- widget div-->
                            <div>

                                <!-- widget edit box -->
                                <div class="jarviswidget-editbox">
                                    <!-- This area used as dropdown edit box -->

                                </div>
                                <!-- end widget edit box -->
                                <!-- widget content -->
                                <div class="widget-body">
                                    <ul class="demo-btns">
                                        <li>
                                            <a class="btn  btn-default btn-xs" href="CreateDataServiceChoseType.html">新增 </a>
                                        </li>
                                    </ul>
                                    <div class="table-responsive">

                                        <table class="table table-bordered  table-hover smart-form"
                                            id="datalist-table-dataservice">
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>类型</th>
                                                    <th>地址</th>
                                                    <th>状态</th>
                                                    <th>未配置</th>
                                                    <th>已配置</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="7">点击相应数据服务目录后查看</td>
                                                </tr>

                                            </tbody>
                                        </table>

                                    </div>

                                </div>
                                <!-- end widget content -->

                            </div>
                            <!-- end widget div -->

                        </div>
                        <!-- end widget -->
                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget jarviswidget-sortable" id="wid-id-1"
                            data-widget-editbutton="false">
                            <header>
                                <span class="widget-icon"><i class="fa fa-table"></i></span>

                                <h2>数据源列表</h2>
                            </header>

                            <!-- widget div-->
                            <div>

                                <!-- widget edit box -->
                                <div class="jarviswidget-editbox">
                                    <!-- This area used as dropdown edit box -->

                                </div>
                                <!-- end widget edit box -->
                                <!-- widget content -->
                                <div class="widget-body">
                                    <div class="table-responsive">

                                        <table class="table table-bordered  table-hover smart-form" id="datalist-table-datasource">
                                            <thead>
                                                <tr>
                                                    <th>数据源</th>
                                                    <th>类型</th>
                                                    <th>对应数据表</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="4">点击服务后查看</td>
                                                </tr>


                                            </tbody>
                                        </table>

                                    </div>

                                </div>
                                <!-- end widget content -->

                            </div>
                            <!-- end widget div -->

                        </div>
                        <!-- end widget -->

                    </article>
                    <!-- WIDGET END -->

                </div>

                <!-- end row -->

            </section>
            <!-- end widget grid -->
        </div>
        <!-- END MAIN CONTENT -->
    </div>

    <!-- END #MAIN CONTENT -->

    <!--================================================== -->

    <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->


    <!-- #PLUGINS -->
    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->


    <script src="js/libs/jquery-2.1.1.min.js"></script>
    <script src="js/libs/jquery-ui-1.10.3.min.js"></script>
    <!-- BOOTSTRAP JS -->
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- IMPORTANT: APP CONFIG -->
    <script src="js/app.config.js"></script>


    <!-- CUSTOM NOTIFICATION -->
    <script src="js/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="js/smartwidgets/jarvis.widget.min.js"></script>


    <!-- SPARKLINES -->
    <script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>


    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>


    <!-- <script src="js/plugin/datatables/jquery.dataTables.min.js"></script>-->
    <script src="js/plugin/datatables/jquery.dataTables.min.js"></script>

    <script src="js/plugin/datatables/dataTables.colVis.min.js"></script>
    <script src="js/plugin/datatables/dataTables.tableTools.min.js"></script>
    <script src="js/plugin/datatables/dataTables.bootstrap.min.js"></script>
    <script src="js/plugin/datatable-responsive/datatables.responsive.min.js"></script>


    <script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
    <script src="js/plugin/jquery-validate/jquery.metadata.js"></script>
    <script src="js/plugin/jquery-validate/messages_cn.js"></script>


    <!-- MAIN APP JS FILE -->
    <script src="js/plugin/zTree/js/jquery.ztree.core-3.5.js"></script>
    <script src="js/plugin/zTree/js/jquery.ztree.exedit-3.5.min.js"></script>
    <script src="js/app.min.js"></script>
    <script src="appjs/Helper.js"></script>
    <script src="appjs/Common.js"></script>
    <link href="js/plugin/jquery-tipsy/tipsy.css" rel="stylesheet" />
    <script src="js/plugin/jquery-tipsy/jquery.tipsy.js"></script>
    <script src="appjs/DataServiceManagement.js"></script>
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="AddModel"
        class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">新增</h4>
                </div>
                <div class="modal-body no-padding">
                    <form class="smart-form" id="AddModelForm" action="">
                        <fieldset>
                            <section>
                                <label class="label">选择分类</label>
                                <label class="select">
                                    <select id="add-FolderId" name="ParentId">
                                        <option value="00000000-0000-0000-0000-000000000000">根目录</option>
                                    </select>
                                </label>
                            </section>
                            <section>
                                <label class="label">编码</label>
                                <label class="input">
                                    <input type="text" class="required" name="Code" id="add-Folder-Code" />
                                </label>
                            </section>
                            <section>
                                <label class="label">名称</label>
                                <label class="input">
                                    <input type="text" class="required" name="Caption" id="add-Folder-Caption" />
                                </label>
                            </section>

                        </fieldset>

                        <footer>
                            <input type="hidden" value="ETL" name="sys:sno" />
                            <input type="hidden" value="CreateDataServiceFolder" name="sys:act" />
                            <button class="btn btn-primary" type="submit">
                                提交
                            </button>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                取消
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="UpdateModel"
        class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">编辑</h4>
                </div>
                <div class="modal-body no-padding">
                    <form class="smart-form" id="UpdateModelForm" action="">
                        <fieldset>
                            <section>
                                <label class="label">选择分类</label>
                                <label class="select">
                                    <select id="update-FolderId" name="ParentId">
                                        <option value="00000000-0000-0000-0000-000000000000">根目录</option>
                                    </select>
                                </label>
                            </section>
                            <section>
                                <label class="label">编码</label>
                                <label class="input">
                                    <input type="text" class="required" name="Code" id="update-Folder-Code" />
                                </label>
                            </section>
                            <section>
                                <label class="label">名称</label>
                                <label class="input">
                                    <input type="text" class="required" name="Caption" id="update-Folder-Caption" />
                                </label>
                            </section>

                        </fieldset>

                        <footer>
                            <input type="hidden" value="ETL" name="sys:sno" />
                            <input type="hidden" value="UpdateDataServiceFolder" name="sys:act" />
                            <input type="hidden" value="" name="Id" id="update-Folder-Id" />
                            <button class="btn btn-primary" type="submit">
                                提交
                            </button>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                取消
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
